irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Extra] Simple Pink.css
210 lines3.9 KBCSS
RawDownloadHistory
1/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
2/* .......Simple Pink....................... */
3/* --- 👍 designed by https://github.com/Krautt 👍 --- */
4
5* {
6 font-family: "JetBrainsMono Nerd Font";
7 font-weight: bold;
8 min-height: 0;
9 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10 font-size: 97%;
11 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12}
13
14window#waybar {
15 background: black;
16 border-radius: 50px;
17 color: whitesmoke;
18}
19
20window#waybar.hidden {
21 opacity: 0.5;
22}
23
24tooltip {
25 background: #1e1e2e;
26 border-radius: 10px;
27 border-width: 2px;
28 border-style: solid;
29 border-color: #11111b;
30 color: pink;
31}
32
33/*-----module groups----*/
34.modules-left,
35.modules-right {
36 border: 5px solid #19141b;
37 border-radius: 50px 50px 50px 50px;
38 background-color: #ba5663;
39 padding-top: 2px;
40 padding-bottom: 2px;
41 padding-right: 4px;
42 padding-left: 4px;
43}
44
45.modules-center {
46 background-color: black;
47 padding-top: 2px;
48 padding-bottom: 2px;
49 padding-right: 4px;
50 padding-left: 4px;
51}
52
53#taskbar button,
54#workspaces button {
55 color: pink;
56 box-shadow: none;
57 text-shadow: none;
58 border-radius: 9px;
59 padding-left: 4px;
60 padding-right: 4px;
61 animation: gradient_f 20s ease-in infinite;
62 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
63}
64
65#taskbar button.active,
66#workspaces button.active {
67 color: whitesmoke;
68 background-color: pink;
69 border-radius: 15px 15px 15px 15px;
70 padding-left: 8px;
71 padding-right: 8px;
72 animation: gradient_f 20s ease-in infinite;
73 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
74
75}
76
77#workspaces button.focused {
78 color: #c42a60;
79}
80
81#workspaces button.urgent {
82 color: #11111b;
83 border-radius: 10px;
84}
85
86#taskbar button:hover,
87#workspaces button:hover {
88 color: #ba5663;
89 background-color: #0d0a0d;
90 border-radius: 15px;
91 padding-left: 2px;
92 padding-right: 2px;
93 animation: gradient_f 20s ease-in infinite;
94 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
95}
96
97#backlight,
98#backlight-slider,
99#battery,
100#bluetooth,
101#clock,
102#cpu,
103#disk,
104#idle_inhibitor,
105#keyboard-state,
106#memory,
107#mode,
108#mpris,
109#network,
110#power-profiles-daemon,
111#pulseaudio,
112#pulseaudio-slider,
113#taskbar button,
114#taskbar,
115#temperature,
116#tray,
117#window,
118#wireplumber,
119#workspaces,
120#custom-backlight,
121#custom-browser,
122#custom-cava_mviz,
123#custom-cycle_wall,
124#custom-dot_update,
125#custom-file_manager,
126#custom-keybinds,
127#custom-keyboard,
128#custom-light_dark,
129#custom-lock,
130#custom-hint,
131#custom-hypridle,
132#custom-menu,
133#custom-playerctl,
134#custom-power_vertical,
135#custom-power,
136#custom-quit,
137#custom-reboot,
138#custom-settings,
139#custom-spotify,
140#custom-swaync,
141#custom-tty,
142#custom-updater,
143#custom-weather,
144#custom-weather.clearNight,
145#custom-weather.cloudyFoggyDay,
146#custom-weather.cloudyFoggyNight,
147#custom-weather.default,
148#custom-weather.rainyDay,
149#custom-weather.rainyNight,
150#custom-weather.severe,
151#custom-weather.showyIcyDay,
152#custom-weather.snowyIcyNight,
153#custom-weather.sunnyDay {
154 color: whitesmoke;
155 padding-top: 2px;
156 padding-bottom: 2px;
157 padding-right: 4px;
158 padding-left: 4px;
159
160}
161
162#temperature.critical {
163 background-color: #ff0000;
164}
165
166@keyframes blink {
167 to {
168 color: #000000;
169 }
170}
171
172/*-----Indicators----*/
173#custom-hypridle.notactive,
174#idle_inhibitor.activated {
175 color: #39FF14;
176}
177
178#battery.critical:not(.charging) {
179 color: #f53c3c;
180 animation-name: blink;
181 animation-duration: 3.0s;
182 animation-timing-function: steps(12);
183 animation-iteration-count: infinite;
184 animation-direction: alternate;
185}
186
187#backlight-slider slider,
188#pulseaudio-slider slider {
189 min-width: 0px;
190 min-height: 0px;
191 opacity: 0;
192 background-image: none;
193 border: none;
194 box-shadow: none;
195}
196
197#backlight-slider trough,
198#pulseaudio-slider trough {
199 min-width: 80px;
200 min-height: 5px;
201 border-radius: 5px;
202 background-color: #22252a;
203}
204
205#backlight-slider highlight,
206#pulseaudio-slider highlight {
207 min-height: 10px;
208 border-radius: 5px;
209 background-color: #ba5663;
210}